/*
 * 清除 a 标签默认样式
 */
a,
/* a 标签点击前 */
a:link,
/* a 标签点击时 */
a:active,
/* a 标签鼠标悬浮 */
a:hover,
/* a 标签点击后 */
a:visited {
    color: var(--common-font-color);
    /* 取消下划线 */
    text-decoration: none;
}

/*
 * 根元素上设置可以被子元素继承的样式，在根元素上统一设置样式；
 * 或者设置根元素样式
 */
:root {
    /* 网页背景颜色 */
    background-color: #efefef;
    /* 文字字体 */
    font-family: JDZYJ, serif;
    /* 文字大小 */
    font-size: 16px;
}

/*
 * 滚动条样式
 * - 代码参考自：https://blog.csdn.net/yolo_link/article/details/125973469
 */
/* 滚动条整体部分样式 */
.scroll-custom::-webkit-scrollbar {
    width: 8px;
}

/* 滚动条外层轨道样式（包含内层轨道和两端的按钮） */
.scroll-custom::-webkit-scrollbar-track {
    border-radius: 6px;
    overflow: hidden;
    /* 线性渐变背景 (旋转角度, 渐变颜色...) */
    /*background: linear-gradient(115deg, #00BC8B, #00A097, #008291, #00647B);*/
    background-color: #54755c;
}

/* 滚动条内层轨道样式 */
.scroll-custom::-webkit-scrollbar-track-piece {
}

/* 滚动条两端的按钮样式 */
.scroll-custom::-webkit-scrollbar-button {
    height: 0;
}

/* 滚动条内嵌滑块样式 */
.scroll-custom::-webkit-scrollbar-thumb {
    border-radius: 6px;
    /* 线性渐变背景 (旋转角度, 渐变颜色...) */
    /*background: linear-gradient(115deg, #05D76E, #93DB60, #D3DD67, #FFDF82, #C7A84D);*/
    background-color: #05D76E;
}